<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/dl.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/zc.css">
    <style>
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div class="head">
        <div class="container">
            <img class="fl" src="./dl-img/logo.png" alt="">
            <img class="fr" src="./dl-img/head_right.jpg" alt="">
        </div>
    </div>
    <div class="body">
        <div class="container cle">
            <div class="fl zc-k">
                <h2>注册也买酒</h2>
                <a href="">您可以使用QQ、支付宝、新浪微博登录</a>
                <div class="zc-list sj">
                    <span>手机号码</span>
                    <input type="text" name="" id="user-pid" placeholder="请输入手机号">
                    <p>请输入正确的手机号</p>
                </div>
                <div class="zc-list yz">
                    <span>验证码</span>
                    <input type="text" name="" id="yzm" placeholder="请输入验证码">
                    <canvas class="changeImg myymi" id="canvas"  width="100" height="42"></canvas>
                    
                   
                    <p>验证码错误</p>
                </div>
                <div class="zc-list get">
                    <span>短信验证码</span>
                    <input type="text" name="" id="" placeholder="请输入验证码">
                    <span>获取短信验证码</span>
                    <p>短信验证码错误</p>
                </div>
                <div class="zc-list mi">
                    <span>密码</span>
                    <input type="text" name="" id="user-pass" placeholder="请输入6-16字母或数字密码">
                    <p>请输入6-16字母或数字密码</p>
                </div>
                <div class="zc-list mi2">
                    <span>密码确认</span>
                    <input type="text" name="" id="user-pass2" placeholder="再次确认密码">
                    <p>两次密码不相同</p>
                </div>
                <div class="dagou dagou1">
                    <input type="checkbox">
                    <span>我有VIP码</span>
                </div>
                <div class="dagou dagou2">
                    <input type="checkbox">
                    <span>我已满18周岁并接受</span>
                    <span>《也买酒服务条款》</span>
                </div>
                <div class="zc">注册完成</div>
                
            </div>
            <div class="fr r-img">

            </div>
        </div>
    </div>
        <div class="foot">
                <div class="footer-bottom-2">
                        <span><a href="javascript:;"><i class="bg-img-1"></i>消费者最喜爱的网站TOP100</a></span>
                        <span><a href="javascript:;"><i class="bg-img-2"></i>仅限18周岁以上人士购买</a></span>
                        <span><a href="javascript:;"><i class="bg-img-3"></i>网络社会征信网</a></span>
                        <span><a href="javascript:;"><i class="bg-img-4"></i>上海工商</a></span>
                        <span><a href="javascript:;"><i class="bg-img-5"></i>京公网安备11010502013828</a></span>
                        <p>Copyright 2006-2015 也买酒 yesmywine.com 版权所有 | 沪ICP备17040012号-1</p>
                        <div>
                            <img src="image/cert.png" alt="">
                            <img src="image/jiujiao.jpg" alt="">
                        </div>
                    </div>
        </div>
    </div>
    <script src="./css/iconfont.js"></script>
    <script src="./js/JQuery.js"></script>
    <script src="./js/zc.js" ></script>
    <script src="./js/yzm.js"></script>
</body>

</html>